<template>
  <div class="nav-menu">
    <div class="logo">
      <img class="img" src="~@/assets/img/logo.png" alt="logo" />
      <span v-show="!collapse" class="title">盛E签</span>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
import { useStore } from '@/store'
export default defineComponent({
  props: {
    collapse: {
      type: Boolean,
      default: false
    }
  },
  setup() {
    const store = useStore()

    const defaultValue = ref('')
    return { defaultValue }
  }
})
</script>

<style scoped lang="less">
.nav-menu {
  height: 100%;
  background-color: #020a19;
  .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 0 8px 0;
    margin-bottom: 14px;
    border-bottom: 1px solid #282f3b;
    .img {
      height: 37px;
    }
    .title {
      margin-left: 10px;
      font-size: 24px;
      color: white;
      letter-spacing: 2px;
      overflow: hidden;
      white-space: nowrap;
    }
  }
}
</style>
